	<style>
		.header  { height: 120px; padding: 10px;}
		.header img { width: 90px;  padding: 0;}
		.header .plat_title { text-align: center; font-family: "微软雅黑"; color: orangered; line-height: 90px; 
			text-shadow: 2px 2px 5px grey; font-size: 42px; font-style: italic; font-weight: bolder; vertical-align: bottom;}
		.header .plat_title span { font-size: 14px; font-style: normal; margin-left: 10px; }
		.user_info { font-size: 12px; padding: 0 20px;
			display: flex; justify-content: space-between; align-items: center;}
		.user_name { font-weight: bolder; color: #666;}
		.user_info button { width: 60px; font-size: 12px; border-radius: 5px; color: #333; text-shadow: 1px 1px 1px lightgrey;}
		
		.mui-content { margin-top: 120px; margin-bottom: 50px; display: flex; flex-flow: column; align-items: center; }
		.mui-content ul { margin: 0; padding: 0;}
		.mui-content li { margin-top: 15px;}
		.mui-content button { width: 70vw; height: 36px; border-radius: 10px; box-shadow: 2px 2px 4px lightgray;}
	</style>

	<div id="container">
		<div class="header mui-bar mui-bar-nav">
			<img src="image/kklogo_600W.png">
			<div class="plat_title">快快统计平台<span>移动端</span></div>
			
		</div>
		

		<div class="mui-content">
			<ul>
				<li><button class="nav" data-url="incomes" >健康贡献</button></li>
				<li><button class="nav" data-url="ty_classes" id="ty_classes">体验课预约</button></li>
				<!-- <li><button class="" data-url="" disabled>用户画像</button></li> -->
<!-- 				<li><button class="" data-url=""></button></li>
				<li><button class="" data-url=""></button></li> -->

			</ul>
		</div>
		
		<div class="user_info mui-bar mui-bar-tab">
			<div class="user_name">当前用户：<span id="userName"></span></div>
			<div>
				<button id="btn_logout">退出登录</button>
				<button id="btn_changepassword">修改密码</button>
			</div>
		</div>		
	</div>
	
	<script>
		console.log("this is homepage");
		$("span#userName").html(userlogin.userName);
		
		if(userlogin.user_type > 10){
			$("ul li button").hide();
			$("#ty_classes").show();
		}
		
		$(".nav").on("tap", function(e){
			console.log(e)
			var url = e.target.dataset.url;
			rd.navito('pages', url, false);
		})
		
		$("#btn_logout").on("tap", function(){
			console.log("logout");
			rd.navito("login", "login")
		})
		
		$("#btn_changepassword").on("tap", function(){
			console.log("changepassword");
			rd.navito("login", "changepassword");
		})
	</script>

